<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>淼森商城--首页</title>
    <link rel="icon" href="assets/img/favicon.ico">

    <link rel="stylesheet" type="text/css" href="css/webbase.css"/>
    <link rel="stylesheet" type="text/css" href="css/pages-JD-index.css"/>
    <link rel="stylesheet" type="text/css" href="css/widget-jquery.autocomplete.css"/>
    <link rel="stylesheet" type="text/css" href="css/widget-cartPanelView.css"/>

</head>

<body>

<!-- 头部栏位 -->
<div id="nav-bottom">
    <ly-top/>
</div>
<!--页面顶部，由js动态加载-->
<script src="./js/vue/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/common.js"></script>
<script type="text/javascript">
    var indexVm = new Vue({
        el: "#nav-bottom",
        components: {
            lyTop: () => import('./js/pages/top.js')
        }
    });
</script>


<!--列表-->
<div class="sort">
    <div class="py-container">
        <div class="yui3-g SortList ">
            <div class="yui3-u Left my-upperSpace">
                <!--<div class="my-upper"><img src="img/recommend01.jpg"/></div>-->
                <div>
                    <a href="" target="_blank">
                        <img src="img/niceGoods.jpg">
                    </a>
                </div>
                <div class="my-upper"><img src="img/recommend03.jpg"/></div>
            </div>

            <!-- 轮播图 -->
            <div class="yui3-u Center banerArea">
                <!--banner轮播-->
                <div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="active item">
                            <a href="/">
                                <img src="img/banner1.jpg"/>
                            </a>
                        </div>
                        <div class="item">
                            <a href="/">
                                <img src="img/banner2.jpg"/>
                            </a>
                        </div>
                        <div class="item">
                            <a href="/">
                                <img src="img/banner3x.jpg"/>
                            </a>

                        </div>
                    </div>
                    <a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a><a href="#myCarousel"
                                                                                                  data-slide="next"
                                                                                                  class="carousel-control right">›</a>
                </div>
            </div>
            <!-- 快报 -->
            <div class="yui3-u Right">
                <div class="news">
                    <h4><em class="fl">轮胎快报</em><span class="fr tip">更多 ></span></h4>
                    <div class="clearix"></div>
                    <ul class="news-list unstyled">
                        <li>
                            <span class="bold">[特惠]</span>备战春节 全民折扣价购轮胎
                        </li>
                        <li>
                            <span class="bold">[公告]</span>欧威森轮胎 价格上扬
                        </li>
                        <li>
                            <span class="bold">[特惠]</span>朝阳轮胎 今日优惠活动
                        </li>
                        <li>
                            <span class="bold">[公告]</span>备战中秋 部分轮胎存在促销活动
                        </li>
                        <li>
                            <span class="bold">[特惠]</span>备战端午 轮胎促销
                        </li>
                    </ul>
                </div>

                <div class="news">
                    <ul class="news-list unstyled">
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="普利司通（Bridgestone）">
                                <img src="//img30.360buyimg.com/popshop/jfs/t1/10390/23/3094/6447/5be2d093E52b6d793/f1b229ef680c88e1.png"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="米其林">
                                <img src="//img30.360buyimg.com/popshop/jfs/t1/28272/10/6110/13707/5c46cc3cEdf2ae1dc/75552b56bebba001.jpg"
                                     width="102" height="36">
                            </a>
                        </li>
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="邓禄普">
                                <img src="//img20.360buyimg.com/popshop/jfs/t1/6336/20/6658/5526/5be2d6deEf5a17a04/56e432aa99c56098.jpg"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="韩泰">
                                <img src="//img20.360buyimg.com/popshop/jfs/t2761/147/506262781/3409/b393ef6d/57173644Nad77625f.jpg"
                                     width="102" height="36">
                            </a>
                        </li>
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="佳通">
                                <img src="//img30.360buyimg.com/popshop/jfs/t1957/361/2806339188/6384/172c6f99/57173892Ndaf23d3c.jpg"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="玛吉斯">
                                <img src="//img20.360buyimg.com/popshop/jfs/t2335/327/2813213508/7222/c0a7b1a1/571737bdNfcd7507d.jpg"
                                     width="102" height="36">
                            </a>
                        </li>
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="三角">
                                <img src="//img30.360buyimg.com/popshop/jfs/t2251/175/2765827575/7895/679c45a5/571736f6N14395da9.jpg"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="朝阳">
                                <img src="//img30.360buyimg.com/popshop/jfs/t1/115791/24/1257/4456/5e96ce03E780146d4/d1d5b28879a3f033.png"
                                     width="102" height="36">
                            </a>
                        </li>
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="双星">
                                <img src="//img20.360buyimg.com/popshop/jfs/t2356/156/1857925700/5924/4e16fa39/56727b7dN5388308c.jpg"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="万力">
                                <img src="//img30.360buyimg.com/popshop/jfs/t2293/235/2793401515/5966/8695eaae/57173852Nfa3f1627.jpg"
                                     width="102" height="36">
                            </a>
                        </li>
                        <li class="my-upperSpace">
                            <a href="" rel="nofollow" onclick="" title="正新">
                                <img src="//img20.360buyimg.com/popshop/g13/M03/03/1E/rBEhVFNFAhoIAAAAAACrOH4sNBIAALfEgKn6qsAAKtQ598.jpg"
                                     width="102" height="36">
                            </a>
                            <a href="" rel="nofollow" onclick="" title="锦湖">
                                <img src="//img20.360buyimg.com/popshop/jfs/t1/8686/26/7124/3409/5be2d72dE789edcb3/d0afd09940c99d74.png"
                                     width="102" height="36">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!--推荐-->
<div class="show">
    <div class="py-container">
        <ul class="my-yui3-g Recommend">
            <li class="my-recommend clock">
                <div class="time">
                    <img src="img/clock.png"/>
                    <h4>为您推荐</h4>
                </div>
            </li>
            <li class="yui3-u-5-24">
                <a href="list.html" target="_blank"><img src="img/today01.png"/></a>
            </li>
            <li class="yui3-u-5-24">
                <img src="img/today02.png"/>
            </li>
            <li class="yui3-u-5-24">
                <img src="img/today03.png"/>
            </li>
            <li class="yui3-u-5-24">
                <img src="img/today04.png"/>
            </li>
        </ul>
    </div>
</div>

<!--喜欢-->
<div class="like">
    <div class="py-container">
        <div class="title">
            <h3 class="fl">猜你喜欢</h3>
            <b class="border"></b>
        </div>
        <div class="bd">
            <ul class="clearfix yui3-g Favourate picLB" id="picLBxxl">
                <li class="yui3-u-1-6">
                    <dl class="picDl huozhe">
                        <dd>
                            <a href="" class="pic"><img src="img/like_02.png" alt=""/></a>
                            <div class="like-text">
                                <p>时尚子母包四件套女</p>
                                <h3>¥116.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li class="yui3-u-1-6">
                    <dl class="picDl jilu">
                        <dd>
                            <a href="" class="pic"><img src="img/like_03.png" alt=""/></a>
                            <div class="like-text">
                                <p>NWG8330E电磁炉炒</p>
                                <h3>¥116.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li class="yui3-u-1-6">
                    <dl class="picDl tuhua">
                        <dd>
                            <a href="" class="pic"><img src="img/like_01.png" alt=""/></a>
                            <div class="like-text">
                                <p>（jabra）BOOSI劲步</p>
                                <h3>¥236.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li class="yui3-u-1-6">
                    <dl class="picDl huozhe">
                        <dd>
                            <a href="" class="pic"><img src="img/like_02.png" alt=""/></a>
                            <div class="like-text">
                                <p>新款单肩包时尚子母包</p>
                                <h3>¥116.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li class="yui3-u-1-6">
                    <dl class="picDl jilu">
                        <dd>
                            <a href="http://sc.chinaz.com/" class="pic"><img src="img/like_03.png" alt=""/></a>
                            <div class="like-text">
                                <p>捷波朗 </p>
                                <h3>¥236.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li class="yui3-u-1-6">
                    <dl class="picDl tuhua">
                        <dd>
                            <a href="http://sc.chinaz.com/" class="pic"><img src="img/like_01.png" alt=""/></a>
                            <div class="like-text">
                                <p>LV</p>
                                <h3>¥566.00</h3>
                            </div>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 底部栏位 -->
<!--页面底部，由js动态加载-->
<script type="text/javascript" src="plugins/jquery/jquery.min.js"></script>
<div class="clearfix footer my-upper"></div>
<script type="text/javascript">$(".footer").load("foot.html");</script>
<!--页面底部END-->

<!--购物车单元格 模板-->
<script type="text/template" id="tbar-cart-item-template">
    <div class="tbar-cart-item">
        <div class="jtc-item-promo">
            <em class="promo-tag promo-mz">满赠<i class="arrow"></i></em>
            <div class="promo-text">已购满600元，您可领赠品</div>
        </div>
        <div class="jtc-item-goods">
            <span class="p-img"><a href="#" target="_blank"><img src="{2}" alt="{1}" height="50" width="50"/></a></span>
            <div class="p-name">
                <a href="#">{1}</a>
            </div>
            <div class="p-price"><strong>¥{3}</strong>×{4}</div>
            <a href="#none" class="p-del J-del">删除</a>
        </div>
    </div>
</script>
<!--侧栏面板结束-->
<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#service").hover(function () {
            $(".service").show();
        }, function () {
            $(".service").hide();
        });
        $("#shopcar").hover(function () {
            $("#shopcarlist").show();
        }, function () {
            $("#shopcarlist").hide();
        });

    })
</script>
<script type="text/javascript" src="js/model/cartModel.js"></script>
<script type="text/javascript" src="js/czFunction.js"></script>
<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="js/pages/index.js"></script>
<script type="text/javascript" src="js/widget/cartPanelView.js"></script>
<script type="text/javascript" src="js/widget/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/widget/nav.js"></script>
</body>
</html>